.order-page{
  .opt-head{
    width: 100%;
    height: .88rem;
    margin-bottom: .2rem;
    .nav-head {
      width: 100%;
      height: .88rem;
      margin-bottom: .2rem;
      border: 1px solid #E8EDF2;
      background-color: #fff;
      .nav{
        flex: 0 0 33.3%;
        text-align: center;
        span{
          display: inline-block;
          height: .88rem;
          line-height: .88rem;
          font-size: .24rem;
          color: #333333;
          box-sizing: border-box;
          &.active{
            border-bottom:4px solid #FF4A4A;
            color: #FF4A4A;
          }
        }
      }
    }
  }
  .order-head{
    line-height: .45rem;
    padding: .2rem .34rem;
    background-color: #fff;
    border-color: #ccc;
    .p1{
      font-size: .23rem;
      color: #999;
    }
    .p2{
      font-size: .26rem;
      font-weight: normal;
      line-height: .45rem;
      color:#333;
      img{
        width: .4rem;
      }
      .color-money{
        color: #ae1016;
        font-weight: normal;
        font-size: .24rem;
        strong{
          font-weight: normal;
          font-size: .3rem;
        }
      }
      .price{
        font-size: .3rem;
        color: #ae1016;
        padding-left:0;
      }
    }
    .or-num{
      font-size:.24rem;
      color:#666;
    }
    .money{
      padding-left: .1rem;
      color: #ae1016;
    }
    .opt{
      .pay{
        background-color: #ae1016;
        color: #fff;
      }
      .refund{
        background-color: #fff;
        border-color: #ccc;
        font-size:.24rem;
        color:#666;
        padding:0;
      }
    }
  }
  .btn{
    width: 1.2rem;
    height: .48rem;
    line-height: .48rem;
    text-align: center;
    margin-top: 0;
    display: inline-block;
  }
  .order-group{
    margin-top: .2rem;
    padding: .2rem .34rem;
    background-color: #fff;
    .consignee-info{
      height: .4rem;
      line-height: .4rem;
      font-size: .32rem;
      font-weight: 300;
      color: #333;
    }
    .address-info{
      line-height: .35rem;
      padding: .15rem 0;
      font-size: .24rem;
    }
    .order-info{
      padding: .15rem 0;
      p{
        height: .5rem;
        line-height: .5rem;
        font-size: .26rem;
        .detail{
          color: #26a2ff;
        }
      }
    }
    .sub-handle{
      .order-status{
        height: .8rem;
        line-height: .8rem;
        span{
          height: .3rem;
          line-height: .3rem;
        }
        .btn{
          width: 1.2rem;
          height: .48rem;
          line-height: .48rem;
          padding: 0;
        }
        .confirm{
          color: #fff;
          background-color: #b00b0b;
          border:1px solid #b00b0b;
        }
      }
    }

  }
  .cate-group{
    margin-top: .2rem;
    padding: .2rem .34rem;
    background-color: #fff;
    .rb{
      margin-top: .5rem;
      p{
        height: .4rem;
      }
    }
    .group-left{
      margin-right: .2rem;
    }
  }
  .order-detail{
    margin-top: .2rem;
    padding: .2rem .34rem;
    background-color: #fff;
    p{
      line-height: .32rem;
    }
  }
  .tip{
    padding: .34rem;
    position: relative;
    background-color: #ffac3e;
    color: #fff;
    .close{
      position: absolute;
      font-size: .45rem;
      right:0;
      top: 0;
    }
  }
  .order-opt{
    height: .8rem;
    line-height: .8rem;
    text-align: right;
    .delete{
      padding: .1rem .3rem;
      border-radius: 4px;
    }
  }
  .select-tit{
    height: .7rem;
    line-height: .7rem;
    padding: 0 .3rem;
  }
  .select-pay{
    background: #fff;
    .item{
      height: .9rem;
      line-height: .9rem;
      padding: 0 .3rem;
      color:#333;
      font-size:.3rem;
    }
  }
  .logo{
    background-repeat: no-repeat;
    background-size: .48rem;
    background-position-y: .21rem;
    &:before{
      content: " ";
      width: .6rem;
      display: inline-block;
      margin-right:.28rem;
    }
  }
  .wechat{
    background-image: url("../../assets/images/pay/wechat.png");
  }
  .zhifubao{
    background-image: url("../../assets/images/pay/zhifubao.png");
  }
  .yinglian{
    background-image: url("../../assets/images/pay/yinglian.png");
    background-position-y: .3rem;
  }
  .opt-group1{
    margin-top: .2rem;
    background-color: #fff;
    .item{
      height: .9rem;
      line-height: .9rem;
      padding: 0 .35rem;
      span:after{
        margin-top: .2rem;
      }
    }
  }
  .sub-detal1{
    padding: .2rem .32rem 0 .32rem !important;
    margin:0rem .2rem!important ;
    background: url("or-line.png") repeat-x top;
  }
  .sub-handle{
    align-items: center;
    padding:0 0 .1rem;
    .flex-one{
      font-size:.24rem;
      color:#666;
      font-weight: normal;
    }
    .btn{
      padding:0 .2rem;
      font-weight:normal;
    }
  }
  .color-3{
    color: #333;
  }
}
